<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Phát triển HTTT hiện đại - Nhóm 04 - 10HCA</title>
<link rel="stylesheet" href="${resource(dir:'css', file:'screen.css')}" type="text/css"
	media="screen" title="default" />
<link rel="stylesheet" href="${resource(dir:'css', file:'login.css')}" type="text/css" />
<!--  jquery core -->
<script src="${resource(dir:'js/jquery', file:'jquery-1.4.1.min.js')}" type="text/javascript"></script>

<!-- Custom jquery scripts -->
<script src="${resource(dir:'js/jquery', file:'custom_jquery.js')}" type="text/javascript"></script>

<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="${resource(dir:'js/jquery', file:'jquery.pngFix.pack.js')}" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(document).pngFix();
	});
</script>
</head>
<body id="login-bg">
	<g:form url="[action:'doLogin', controller:'NhanVien']">
		<!-- Start: login-holder -->
		<div id="login-holder">

			<!-- start logo -->
			<div id="logo-login">
				<a href="index.html"><img src="${resource(dir:'images', file:'logo.png')}" alt="Logo" /></a>
			</div>
			<!-- end logo -->

			<div class="clear"></div>

			<!--  start loginbox ................................................................................. -->

			<div id="loginbox">

				<!--  start login-inner -->

				<div id="login-inner">
					<table border="0" cellpadding="0" cellspacing="0">
						<tr>
							<th>Tên đăng nhập:</th>
							<td><input id="uname" type="text" class="login-inp"
								name="uname"
								value="Nhân viên"
								onblur="if (this.value=='') { this.value='Nhân viên'; }"
								onfocus="if (this.value=='Nhân viên') { this.value=''; }" /></td>
						</tr>
						<tr>
							<th>Mật khẩu:</th>
							<td><input id="matKhau" type="password" value="************"
								name="matKhau"
								onblur="if (this.value=='') { this.value='************'; }"
								onfocus="if (this.value=='************') { this.value=''; }"
								class="login-inp" /></td>
						</tr>
						<tr>
							<th></th>
							<td valign="top"><input type="checkbox"
								class="checkbox-size" id="login-check" /> <label
								for="login-check">Ghi nhớ?</label></td>
						</tr>
						<tr>
							<th></th>
							<td><g:submitButton name="create" class="submit-login"
									value="${message(code: 'default.button.login.label', default: 'Đăng Nhập')}" />
							</td>
						</tr>
					</table>
				</div>

				<!--  end login-inner -->
				<div class="clear"></div>
				<a href="" class="forgot-pwd">Quên mật khẩu?</a>
			</div>
			<!--  end loginbox -->

			<!--  start forgotbox ................................................................................... -->
			<div id="forgotbox">
				<div id="forgotbox-text">Vui lòng nhập địa chỉ email để tạo
					mới mật khẩu cho bạn!</div>
				<!--  start forgot-inner -->
				<div id="forgot-inner">
					<table border="0" cellpadding="0" cellspacing="0">
						<tr>
							<th>Địa chỉ Email:</th>
							<td><input type="text" value="exmaple@gmail.com"
								onblur="if (this.value=='') { this.value='exmaple@gmail.com'; }"
								onfocus="if (this.value=='exmaple@gmail.com') { this.value=''; }"
								class="login-inp" /></td>
						</tr>
						<tr>
							<th></th>
							<td><input type="button" class="submit-login" value="Gửi" /></td>
						</tr>
					</table>
				</div>
				<!--  end forgot-inner -->
				<div class="clear"></div>
				<a href="" class="back-login">Đăng nhập</a>
			</div>
			<!--  end forgotbox -->
		</div>
	</g:form>
	<!-- End: login-holder -->
</body>
</html>